<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<link rel="stylesheet"
	href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
<script
	src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script
	src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<title>UltraDev网上商城</title>
<link rel="stylesheet" type="text/css" href="../css/head.css">
<link rel="stylesheet" type="text/css" href="../css/default.css">
</head>
<body>

	<!-- 头部 -->
	<jsp:include page="head.jsp" />

	<!-- 搜索导航栏 -->

	<div id="default_head">

		<!-- 计数部分 -->
		<div id="head_count">
			<span class="default_head_count"><img alt="0"
				src="../images/counter/0.gif"></span> <span
				class="default_head_count"><img alt="0"
				src="../images/counter/0.gif"></span> <span
				class="default_head_count"><img alt="0"
				src="../images/counter/0.gif"></span> <span
				class="default_head_count"><img alt="0"
				src="../images/counter/0.gif"></span> <span
				class="default_head_count"><img alt="0"
				src="../images/counter/2.gif"></span> <span
				class="default_head_count"><img alt="0"
				src="../images/counter/2.gif"></span> <span
				class="default_head_count"><img alt="0"
				src="../images/counter/5.gif"></span> <span
				class="default_head_count"><img alt="0"
				src="../images/counter/1.gif"></span>
		</div>

		<!-- 搜索栏 -->

		<form action="" method="post">
			<div id="select_search_div">
				<select id="select_search">
					<option id="default_option" value="0" selected="selected">——搜索——</option>
					<option id="bookMarket" value="1">在图书商城中</option>
					<option id="movieMarket" value="2">在影视商城中</option>
					<option id="musicMarket" value="3">在音乐商城中</option>
				</select>
			</div>
			<div id="search_input_div">
				<input type="text" id="search_input" />
			</div>
			<div id="search_commit_div">
				<input type="submit" value="搜索" id="search_submit" />
			</div>
		</form>
	</div>

	<!-- 正文内容 -->

	<div id="core_div">

		<!-- 商品分类 -->
		<div id="core_div_classification">

			<!-- 标题 -->

			<div id="core_div_classification_title">
				<img alt="" src="../images/icon_arrow_d.gif">&emsp;商品分类&emsp;<img
					alt="" src="../images/icon_arrow_d.gif">
			</div>

			<!-- 内容 -->

			<div id="core_div_classification_text">

				<div id="core_div_classification_text_book">
					<div id="core_div_classification_text_book_title">
						<img alt="" src="../images/shop_book.gif">
					</div>

					<!-- 图书商城目录内容 -->
					<div id="core_div_classification_text_book_list">
						<table class="defaule_table">
							<tr>
								<td><img alt="" src="../images/board_arrow.gif"></td>
								<td class="core_div_classification_td_text"><a
									class="core_div_classification_a" href="">小说/传记</a></td>
							</tr>
							<tr>
								<td><img alt="" src="../images/board_arrow.gif"></td>
								<td class="core_div_classification_td_text"><a
									class="core_div_classification_a" href="">计算机/网络</a></td>
							</tr>
							<tr>
								<td><img alt="" src="../images/board_arrow.gif"></td>
								<td class="core_div_classification_td_text"><a
									class="core_div_classification_a" href="">漫画/幽默</a></td>
							</tr>
							<tr>
								<td><img alt="" src="../images/board_arrow.gif"></td>
								<td class="core_div_classification_td_text"><a
									class="core_div_classification_a" href="">外语学习</a></td>
							</tr>
							<tr>
								<td><img alt="" src="../images/board_arrow.gif"></td>
								<td class="core_div_classification_td_text"><a
									class="core_div_classification_a" href="">少儿读物</a></td>
							</tr>
							<tr>
								<td><img alt="" src="../images/board_arrow.gif"></td>
								<td class="core_div_classification_td_text"><a
									class="core_div_classification_a" href="">经济/金融</a></td>
							</tr>
							<tr>
								<td><img alt="" src="../images/board_arrow.gif"></td>
								<td class="core_div_classification_td_text"><a
									class="core_div_classification_a" href="">社会/科普</a></td>
							</tr>
							<tr>
								<td><img alt="" src="../images/board_arrow.gif"></td>
								<td class="core_div_classification_td_text"><a
									class="core_div_classification_a" href="">政治/法律</a></td>
							</tr>
						</table>
					</div>
				</div>

				<div id="core_div_classification_text_movie">
					<div id="core_div_classification_text_movie_title">
						<img alt="" src="../images/shop_video.gif">
					</div>

					<!-- 影视商城目录内容 -->
					<div id="core_div_classification_text_movie_list">
						<table class="defaule_table">
							<tr>
								<td><img alt="" src="../images/board_arrow.gif"></td>
								<td class="core_div_classification_td_text"><a
									class="core_div_classification_a" href="">奥斯卡经典</a></td>
							</tr>
							<tr>
								<td><img alt="" src="../images/board_arrow.gif"></td>
								<td class="core_div_classification_td_text"><a
									class="core_div_classification_a" href="">国产影视</a></td>
							</tr>
							<tr>
								<td><img alt="" src="../images/board_arrow.gif"></td>
								<td class="core_div_classification_td_text"><a
									class="core_div_classification_a" href="">港台碟报</a></td>
							</tr>
							<tr>
								<td><img alt="" src="../images/board_arrow.gif"></td>
								<td class="core_div_classification_td_text"><a
									class="core_div_classification_a" href="">欧美大片</a></td>
							</tr>
							<tr>
								<td><img alt="" src="../images/board_arrow.gif"></td>
								<td class="core_div_classification_td_text"><a
									class="core_div_classification_a" href="">日韩潮流</a></td>
							</tr>
							<tr>
								<td><img alt="" src="../images/board_arrow.gif"></td>
								<td class="core_div_classification_td_text"><a
									class="core_div_classification_a" href="">卡通动画</a></td>
							</tr>
							<tr>
								<td><img alt="" src="../images/board_arrow.gif"></td>
								<td class="core_div_classification_td_text"><a
									class="core_div_classification_a" href="">电视剧集</a></td>
							</tr>
							<tr>
								<td><img alt="" src="../images/board_arrow.gif"></td>
								<td class="core_div_classification_td_text"><a
									class="core_div_classification_a" href="">浪漫爱情</a></td>
							</tr>
						</table>
					</div>
				</div>

				<div id="core_div_classification_text_music">
					<div id="core_div_classification_text_music_title">
						<img alt="" src="../images/shop_music.gif">
					</div>

					<!-- 音乐商城目录内容 -->
					<div id="core_div_classification_text_music_list">
						<table class="defaule_table">
							<tr>
								<td><img alt="" src="../images/board_arrow.gif"></td>
								<td class="core_div_classification_td_text"><a
									class="core_div_classification_a" href="">华语男歌手</a></td>
							</tr>
							<tr>
								<td><img alt="" src="../images/board_arrow.gif"></td>
								<td class="core_div_classification_td_text"><a
									class="core_div_classification_a" href="">华语女歌手</a></td>
							</tr>
							<tr>
								<td><img alt="" src="../images/board_arrow.gif"></td>
								<td class="core_div_classification_td_text"><a
									class="core_div_classification_a" href="">欧美男歌手</a></td>
							</tr>
							<tr>
								<td><img alt="" src="../images/board_arrow.gif"></td>
								<td class="core_div_classification_td_text"><a
									class="core_div_classification_a" href="">欧美女歌手</a></td>
							</tr>
							<tr>
								<td><img alt="" src="../images/board_arrow.gif"></td>
								<td class="core_div_classification_td_text"><a
									class="core_div_classification_a" href="">经典珍藏</a></td>
							</tr>
							<tr>
								<td><img alt="" src="../images/board_arrow.gif"></td>
								<td class="core_div_classification_td_text"><a
									class="core_div_classification_a" href="">古典极品</a></td>
							</tr>
							<tr>
								<td><img alt="" src="../images/board_arrow.gif"></td>
								<td class="core_div_classification_td_text"><a
									class="core_div_classification_a" href="">MP3宝典</a></td>
							</tr>
							<tr>
								<td><img alt="" src="../images/board_arrow.gif"></td>
								<td class="core_div_classification_td_text"><a
									class="core_div_classification_a" href="">MTV音乐电视</a></td>
							</tr>
						</table>
					</div>
				</div>

			</div>
		</div>

		<!-- 商品浏览 -->
		<div id="core_div_browse">
			<div id="core_div_browse_update">
				<div id="core_div_browse_update_img">
					<img alt="" src="../images/index_newproduct.gif">
				</div>
				<div id="core_div_browse_newbook">
					<div id="core_div_browse_newbook_img">
						<img alt="" src="../images/product/jiajia_s.jpg">
					</div>
					<div id="core_div_browse_newbook_text">
						<div id="core_div_browse_newbook_text_a"><a href="">伽伽——生日快乐</a></div>
						<div id="core_div_browse_newbook_text_author">石英</div>
						<div id="core_div_browse_newbook_text_introduction">此处为书的简介</div>
					</div>
				</div>
			</div>
			
			<div id="core_div_browse_important">
				<div id="core_div_browse_important_img">
					<img alt="" src="../images/index_commend.gif">
				</div>
				<div id="core_div_browse_importantBook">
					<div id="core_div_browse_importantBook_img">
						<img alt="" src="../images/product/feiyuefengrenyuan_s.jpg">
					</div>
					<div id="core_div_browse_importantBook_text">
						<div id="core_div_browse_importantBook_text_a"><a href="">飞越疯人院</a></div>
						<div id="core_div_browse_importantBook_text_author">肯·克西(美)</div>
						<div id="core_div_browse_importantBook_text_introduction">此处为书的简介</div>
					</div>
				</div>
			</div>
			
			<div id="core_div_hotprice_update">
				<div id="core_div_browse_hotprice_img">
					<img alt="" src="../images/index_hotprice.gif">
				</div>
				<div id="core_div_browse_hotpriceBook">
					<div id="core_div_browse_hotpriceBook_img">
						<img alt="" src="../images/product/lsb_s.jpg">
					</div>
					<div id="core_div_browse_hotpriceBook_text">
						<div id="core_div_browse_hotpriceBook_text_a"><a href="">血玲珑</a></div>
						<div id="core_div_browse_hotpriceBook_text_author">毕淑敏</div>
						<div id="core_div_browse_hotpriceBook_text_introduction">此处为书的简介</div>
					</div>
				</div>
			</div>
		</div>


		<!-- 商品销售榜和热点 -->
		<div id="core_div_right">

			<!-- 热点 -->

			<div id="core_div_hot">
				<div id="core_div_hot_title">
					<img alt="" src="../images/nav_document.gif">&emsp;今日热点
				</div>

				<!-- 今日热点内容 -->
				<div class="core_div_hot_text">
					<table class="defaule_table">
						<tr>
							<td><img alt="" src="../images/board_arrow.gif"></td>
							<td class="core_div_classification_td_text"><a
								class="core_div_classification_a" href="">Dreamweaver UltraDev 4 全方位实作經典</a></td>
						</tr>
						<tr>
							<td><img alt="" src="../images/board_arrow.gif"></td>
							<td class="core_div_classification_td_text"><a
								class="core_div_classification_a" href="">伽伽——生日快乐</a></td>
						</tr>
						<tr>
							<td><img alt="" src="../images/board_arrow.gif"></td>
							<td class="core_div_classification_td_text"><a
								class="core_div_classification_a" href="">红晕(梁晓声最新长篇小说)</a></td>
						</tr>
						<tr>
							<td><img alt="" src="../images/board_arrow.gif"></td>
							<td class="core_div_classification_td_text"><a
								class="core_div_classification_a" href="">印加宝藏</a></td>
						</tr>
						<tr>
							<td><img alt="" src="../images/board_arrow.gif"></td>
							<td class="core_div_classification_td_text"><a
								class="core_div_classification_a" href="">常用网络软件步步高</a></td>
						</tr>
						<tr>
							<td><img alt="" src="../images/board_arrow.gif"></td>
							<td class="core_div_classification_td_text"><a
								class="core_div_classification_a" href="">中国现代才女经典文丛</a></td>
						</tr>
						<tr>
							<td><img alt="" src="../images/board_arrow.gif"></td>
							<td class="core_div_classification_td_text"><a
								class="core_div_classification_a" href="">瘦身男女</a></td>
						</tr>
						<tr>
							<td><img alt="" src="../images/board_arrow.gif"></td>
							<td class="core_div_classification_td_text"><a
								class="core_div_classification_a" href="">常用工具软件步步高</a></td>
						</tr>
						<tr>
							<td><img alt="" src="../images/board_arrow.gif"></td>
							<td class="core_div_classification_td_text"><a
								class="core_div_classification_a" href="">暗战</a></td>
						</tr>
						<tr>
							<td><img alt="" src="../images/board_arrow.gif"></td>
							<td class="core_div_classification_td_text"><a
								class="core_div_classification_a" href="">骇客帝国</a></td>
						</tr>
					</table>
				</div>

			</div>
			<!-- 销售排行 -->

			<div id="core_div_sort">
				<div id="core_sort_hot_title">
					<img alt="" src="../images/icon_arrow_u.gif">&emsp;销售排行&emsp;
					<img alt="" src="../images/icon_arrow_u.gif">
				</div>

				<div>
					<table class="defaule_table">
						<tr>
							<td><img alt="" src="../images/board_arrow.gif"></td>
							<td class="core_div_classification_td_text"><a
								class="core_div_classification_a" href="">Dreamweaver UltraDev 4 全方位实作經典</a></td>
						</tr>
						<tr>
							<td><img alt="" src="../images/board_arrow.gif"></td>
							<td class="core_div_classification_td_text"><a
								class="core_div_classification_a" href="">伽伽——生日快乐</a></td>
						</tr>
						<tr>
							<td><img alt="" src="../images/board_arrow.gif"></td>
							<td class="core_div_classification_td_text"><a
								class="core_div_classification_a" href="">红晕(梁晓声最新长篇小说)</a></td>
						</tr>
						<tr>
							<td><img alt="" src="../images/board_arrow.gif"></td>
							<td class="core_div_classification_td_text"><a
								class="core_div_classification_a" href="">骇客帝国</a></td>
						</tr>
						<tr>
							<td><img alt="" src="../images/board_arrow.gif"></td>
							<td class="core_div_classification_td_text"><a
								class="core_div_classification_a" href="">暗战</a></td>
						</tr>
						<tr>
							<td><img alt="" src="../images/board_arrow.gif"></td>
							<td class="core_div_classification_td_text"><a
								class="core_div_classification_a" href="">中国现代才女经典文丛</a></td>
						</tr>
						<tr>
							<td><img alt="" src="../images/board_arrow.gif"></td>
							<td class="core_div_classification_td_text"><a
								class="core_div_classification_a" href="">勇敢的心</a></td>
						</tr>
						<tr>
							<td><img alt="" src="../images/board_arrow.gif"></td>
							<td class="core_div_classification_td_text"><a
								class="core_div_classification_a" href="">瘦身男女</a></td>
						</tr>
						<tr>
							<td><img alt="" src="../images/board_arrow.gif"></td>
							<td class="core_div_classification_td_text"><a
								class="core_div_classification_a" href="">常用工具软件步步高</a></td>
						</tr>
						<tr>
							<td><img alt="" src="../images/board_arrow.gif"></td>
							<td class="core_div_classification_td_text"><a
								class="core_div_classification_a" href="">刺杀肯尼迪（DVD）</a></td>
						</tr>
					</table>
				</div>
			</div>
		</div>

	</div>

	<!-- 尾部 -->
	<jsp:include page="tail.jsp" />
</body>
</html>